<?php
/*
客户端必须得到用户的授权（authorization grant），才能获得令牌（access token）。OAuth 2.0定义了四种授权方式。
授权码模式（authorization code）
简化模式（implicit）
密码模式（resource owner password credentials）
客户端模式（client credentials）
以下例子为 授权码模式
*/
@$client_id=$_GET['client_id']?$_GET['client_id']:'';//获取第三方应用ID
@$redirect_uri=$_GET['redirect_uri']?$_GET['redirect_uri']:'';//获取第三方应用回调
@$state=$_GET['state']?$_GET['state']:'';//获取第三方应用回调
@$response_type=$_GET['response_type']?$_GET['response_type']:'';//表示授权类型，必选项，此处的值固定为"code"
if(empty($client_id)||empty($redirect_uri)||empty($state)||empty($response_type))
{
  die("错误的请求");
}
?>

<!DOCTYPE html>
<html  lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>认证服务器</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div class="row bg-primary" style="height:50px;line-height:50px;"> <div class="col-md-12" ><a style="color:#fff;">申请接入</a></div></div>
<div class="row">
  <div class="col-md-6">
      <form action="./auth.php" method="post">
          <h3>ZPM账号授权登录</h3>
          <div class="form-group">
            <label for="exampleInputEmail1">邮箱</label>
            <input type="email" class="form-control" id="email" name="email" placeholder="请输入邮箱">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">密码</label>
            <input type="password" class="form-control" id="pwd" name="pwd" placeholder="请输入密码">
          </div>
          <div class="row">
            <div class="col-md-4"> <button type="submit" class="btn btn-primary">授权并登录</button></div>
            <div class="col-md-4"></div>
            <div class="col-md-4"></div>
          </div>

          <input type="hidden" name="client_id" value="<?php echo $client_id;?>" />
          <input type="hidden" name="redirect_uri" value="<?php echo $redirect_uri;?>" />
          <input type="hidden" name="state" value="<?php echo $state;?>" />
    </form>
  
  </div>
  <div class="col-md-6">

          <div class="lay_main" id="lay_main">
            <div class="lay_accredit_con">
              <p class="cnt_wording">该网站已有超过10亿用户使用ZPM账号登录</p>
              <p class="app_site_wording"><a class="accredit_site" id="accredit_site_link" href="http://www.zpm.aa" target="_blank">扯淡APP</a>将获得以下权限：</p>
              <div class="accredit_info" id="accredit_info">
                <ul class="accredit_info_op">
                  <li class="select_all_li">
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" value="" checked="checked">
                      全选
                    </label>
                  </div>
                  </li>
                  <li>
                      <label>
                      <input type="checkbox" value="" checked="checked">
                      获得您的昵称、头像、性别
                    </label>
                  </li>
                  
                </ul>
              </div>
              <div class="oauth_tips_div">
                <p class="oauth_tips">授权后表明你已同意 <a href="####">登录服务协议</a></p>
              </div>
            </div>
          </div>

  
  
  </div>
</div>

</div>
</body>
</html>